<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>我的账号</title>
  <jsp:include page="../../../main/mp/inc.jsp"	/>
  <style type="text/css">
    .jqm-content > h2 {
      color: #3eb249;
      background-color: transparent;
      border-bottom: 1px solid #ddd;
      font-size: 1.1em;
      padding-bottom: .2em;
      margin: 0 0 .7375em;
    }
    .round_photo{
      width:40px;
      height:40px;
      border:2px solid #ddddde;
      -moz-border-radius: 29px;
      -webkit-border-radius: 29px;
      border-radius:29px;
    }
  </style>
</head>
<body>
<!-- class="jqm-demos" -->
<div data-role="page" id="page-main" data-theme="a">

  <%--<div data-role="header" data-position="fixed" data-theme="a">--%>
    <%----%>
  <%--</div><!-- /header -->--%>

  <div class="ui-content jqm-content jqm-fullwidth" role="main">
    <input type="hidden" id="openId" value="${openId}" />
    <h2 id="Inline">
   <c:if test="${headimgurl == null}">
      <img alt="" src="../resource/core/img/male.png" class="round_photo">
    </c:if>
    <c:if test="${headimgurl != null}">
        <img alt="" src="${headimgurl}" class="round_photo">
      </c:if>${nickname}
      您已经绑定该账号
    </h2>
    <p><i class="fa fa-volume-up"></i> 如需绑定其他账号或者在其他设备上使用，请先解除绑定！</p>

    <hr />
    <!--这里设置一个listview-->
    <ul data-role="listview" data-theme="a" data-dividertheme="b" data-inset="false">
      <li>
        <i class="fa fa-user"></i> 姓名：${user.name}
      </li>
      <li>
        <i class="fa fa-sitemap"></i> 公司：${user.company.name}
      </li>



    </ul>
    <br />

  </div><!-- /content -->
  <div data-role="footer" data-position="fixed" data-theme="a">
    <div data-role="navbar" data-iconpos="left" >
      <ul>
        <li><a href="javascript:void(0)" id="window_close" data-ajax="false" data-icon="delete">关闭页面</a></li>
        <li><a href="index.action" data-ajax="false"  data-icon="home" >进入首页</a></li>
      </ul>
    </div><!-- /navbar -->
  </div><!-- /footer -->
</div><!-- /page -->
<script type="text/javascript">
  $(function(){
    $("[data-role='navbar']").navbar();
    $("[data-role='header'], [data-role='footer']").toolbar();

    $( document ).on( "pageshow", "[data-role='page']", function() {
      try {
        WeixinJSBridge.call('hideToolbar');
        WeixinJSBridge.call('hideOptionMenu');
      } catch (e) {

      }
    });
    $("#acount_disconnect").click(function(e){
      if(!confirm("解除绑定将释放该微信和泛销账号的绑定，确定解除绑定吗？")){
        e.preventDefault();
        e.stopPropagation();
        return ;
      }
      $.mobile.loading( "show", {
        text: "正在解除绑定，请稍后...",
        textVisible: true,
        theme: "b",
        textonly: false,
        html: ""
      });
      location.replace("login");
    })
  });

</script>

</body>
</html>
